<template>
	<view class="home-title">
		<view style="display: flex; align-items: center;">
			<image src="../../static/bagua.png"></image>
			<view class="title">{{ props.title }}</view>
		</view>
		<view class="">
			<u-button type="primary" plain text="查看更多" class="btn" size="small" @click="toPath"></u-button>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		title: {
			type: String,
			default: ""
		},
		type: {
			type: String,
			default: ""
		},
	})
	
	const toPath = () => {
		uni.navigateTo({
			url: `/pages/more/more?type=${props.type}&title=${props.remark}`
		})
	}
	
</script>

<style lang="scss" scoped>
.home-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #5f0009;
	padding-bottom: 20rpx;
	color: $uni-text-color-yellow;
	
	image{ 
		width: 50rpx;
		height: 50rpx;
		margin-right: 20rpx;
	}
	
	.title{
		font-size: 32rpx;
	}
	
	.btn {
		color: $uni-text-color-yellow;
		background-color: transparent;
		border: 1px solid $uni-text-color-yellow;
	}
}
</style>